/* RESET*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time {margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption {font-size: 1em; font-weight: normal; font-style: normal; }
fieldset,iframe {border: none; }
caption,th {text-align: left; }
table {border-collapse: collapse; border-spacing: 0; }
article,aside,footer,header,hgroup,nav,section,figure,figcaption {display: block; }

/*FONT*/
/*@font-face{font-family:'SYHT';src:url('http://www2.res.meizu.com/zh_cn/fonts/SHSCN-ELight.otf?v=150127') format('truetype')} */


@font-face {
 font-family: 'SYHT';
 src: url('#');
 src: local('☺'), url('#') format('woff'), url('#') format('truetype'), url('#') format('svg');
 font-weight: normal;
 font-style: normal;
}


/* LAYOUT */
* {
  margin: 0;
  padding: 0;
}
html, body {
	width: 100%;
	height: 100%; 
	}
html {
	background-color:#fff; 
	}
.clear {
	clear: both; 
	}
.clearer {
	clear: both; 
	display: block; 
	margin: 0; 
	padding: 0; 
	height: 0; 
	line-height: 1px; 
	font-size: 1px; 
	}
.selfclear {zoom:1; }
.selfclear:after {
	content:'.'; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	}
img {
	border: 0; 
	}
a {
	text-decoration: none;
	color: #515151; 
	}
i {
	font-style: normal;
	}
ul, li {
	list-style: none; 
	}
body {
	font-family: "微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
	font-size: 14px;
	color: #515151; 
	}
button, input {
	font-family: "微软雅黑","Microsoft Yahei",Arial,Helvetica,sans-serif,"宋体";
	}
.clearfix:after, .clearfix:before {
	content: "";
	display: table;
	height: 0px;
	clear: both;
	visibility: hidden;
	}
.clearfix{ 
    *zoom:1; 
	}
.fl { 
    float: left; 
	}
.fr { 
    float: right; 
	}
.br0 { 
    border: none; 
	}
.key-color { 
    color: #333; 
	}
.maim-color { 
    color: #666; 
	}
.auxiliary-color { 
    color: #999; 
	}


/* GIRD*/
.row {
  letter-spacing: -0.31em;
  *letter-spacing: normal;
  word-spacing: -0.43em;
  *word-spacing: -0.43em;
  text-rendering: optimizespeed;
  display: -webkit-flex;
  -webkit-flex-flow: row wrap;
  display: -ms-flexbox;
  -ms-flex-flow: row wrap;
}


.col-1,
.col-1-1,
.col-1-2,
.col-1-3,
.col-2-3,
.col-1-4,
.col-3-4,
.col-1-5,
.col-2-5,
.col-3-5,
.col-4-5,
.col-5-5,
.col-1-6,
.col-5-6,
.col-1-8,
.col-3-8,
.col-5-8,
.col-7-8,
.col-1-12,
.col-5-12,
.col-7-12,
.col-11-12,
.col-1-24,
.col-2-24,
.col-3-24,
.col-4-24,
.col-5-24,
.col-6-24,
.col-7-24,
.col-8-24,
.col-9-24,
.col-10-24,
.col-11-24,
.col-12-24,
.col-13-24,
.col-14-24,
.col-15-24,
.col-16-24,
.col-17-24,
.col-18-24,
.col-19-24,
.col-20-24,
.col-21-24,
.col-22-24,
.col-23-24,
.col-24-24 {
  display: inline-block;
  *display: inline;
  zoom: 1;
  letter-spacing: normal;
  word-spacing: normal;
  vertical-align: top;
  text-rendering: auto;
}

.col-1-24 {
  width: 4.1667%;
  *width: 4.1357%;
}

.col-1-12,
.col-2-24 {
  width: 8.3333%;
  *width: 8.3023%;
}

.col-1-8,
.col-3-24 {
  width: 12.5000%;
  *width: 12.4690%;
}

.col-1-6,
.col-4-24 {
  width: 16.6667%;
  *width: 16.6357%;
}

.col-1-5 {
  width: 20%;
  *width: 19.9690%;
}

.col-5-24 {
  width: 20.8333%;
  *width: 20.8023%;
}

.col-1-4,
.col-6-24 {
  width: 25%;
  *width: 24.9690%;
}

.col-7-24 {
  width: 29.1667%;
  *width: 29.1357%;
}

.col-1-3,
.col-8-24 {
  width: 33.3333%;
  *width: 33.3023%;
}

.col-3-8,
.col-9-24 {
  width: 37.5000%;
  *width: 37.4690%;
}

.col-2-5 {
  width: 40%;
  *width: 39.9690%;
}

.col-5-12,
.col-10-24 {
  width: 41.6667%;
  *width: 41.6357%;
}

.col-11-24 {
  width: 45.8333%;
  *width: 45.8023%;
}

.col-1-2,
.col-12-24 {
  width: 50%;
  *width: 49.9690%;
}

.col-13-24 {
  width: 54.1667%;
  *width: 54.1357%;
}

.col-7-12,
.col-14-24 {
  width: 58.3333%;
  *width: 58.3023%;
}

.col-3-5 {
  width: 60%;
  *width: 59.9690%;
}

.col-5-8,
.col-15-24 {
  width: 62.5000%;
  *width: 62.4690%;
}

.col-2-3,
.col-16-24 {
  width: 66.6667%;
  *width: 66.6357%;
}

.col-17-24 {
  width: 70.8333%;
  *width: 70.8023%;
}

.col-3-4,
.col-18-24 {
  width: 75%;
  *width: 74.9690%;
}

.col-19-24 {
  width: 79.1667%;
  *width: 79.1357%;
}

.col-4-5 {
  width: 80%;
  *width: 79.9690%;
}

.col-5-6,
.col-20-24 {
  width: 83.3333%;
  *width: 83.3023%;
}

.col-7-8,
.col-21-24 {
  width: 87.5000%;
  *width: 87.4690%;
}

.col-11-12,
.col-22-24 {
  width: 91.6667%;
  *width: 91.6357%;
}

.col-23-24 {
  width: 95.8333%;
  *width: 95.8023%;
}

.col-1,
.col-1-1,
.col-5-5,
.col-24-24 {
  width: 100%;
}